.container {
  box-sizing: border-box;
  width: 750px;
  height: 50vh;
  display: grid;
  /* justify-content: space-between; */
  grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr));
  gap: 10px;
  /* flex-wrap: wrap; */
  overflow: scroll;
  border: 1px solid red;
  resize: both;

  /* margin: 0 var(-(--gap)); */
  /* padding: 10px; */
  .box {
    width: 100px;
    height: 100px;
    overflow-y: scroll;
  }
  .item {
    box-sizing: border-box;
    width: 100%;
    height: 400px;
    /* --gap: calc((100% - 100px * 5) / 5 / 2); */
    /* margin: 0 var(--gap); */
    border: 1px solid green;
    text-align: center;
    line-height: 400px;
  }
}
